<template>
  <div class="hello">
   <el-card class="box-card">
  <div slot="header" class="clearfix">
    <span>梦想存签约信息录入</span>
    <!-- <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button> -->
  </div>
<el-tag type="success" style="float:left">账户信息</el-tag>
<br>
  <el-button type="info" size="mini"  round>供款账户</el-button> 213724387137813
<el-button type="info" size="mini"  round>客户名称</el-button> 王建军
<br>
<br>
<br>
<span style="float:left">月供款账户（元）：</span><el-input
  placeholder="请输入内容"
  v-model="input"
  size="small"
  style="width:200px;float:left"
  :disabled="true">
</el-input>
<el-button type="info" style="margin-right: 10px" size="mini"  round>活期余额（元）</el-button> 50000
<br>
<br>
<br>

<el-button type="info" style="margin-right: 10px" size="mini"  round>存款利率（%）</el-button> 5.9

<span style="float:left">存款年限（年）：</span><el-input
  placeholder="请输入内容"
  v-model="input1"
  size="small"
  style="width:200px;float:left;margin-left: 15px"
  :disabled="true">
</el-input>

</el-card>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
     input: '1000',
     input1:'三年'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>



 .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 800px;
   
margin-left: 200px;
  }

</style>
